// 上下结构的表单搜索样式
.search-pannel {
  display: flex;
  flex-wrap: wrap;
  .search-form {
    flex: 1;
    width: 100%;
    >.button-list {
      width: 100%;
    }
    .el-cascader,.el-select {
      width: 100%;
    }
    &.el-form--label-top {
      .el-form-item {
        .el-select, .el-input, .el-cascader, .el-date-editor {
          width: 100%;
        }
      }
    }
    .el-col {
      padding-right: 16px;
      margin-bottom: 0;
      &:last-child {
        .button-list {
          height: 78px;
          display: flex;
          align-items: flex-end;
          padding-bottom: 22px;
          border-radius: 2px;
          margin: 0;
          &:nth-child(1) {
            float: right;
          }
          &:nth-child(2) {
            float: left;
            margin-bottom: 16px;
          }
        }
      }
      .el-input__inner{
        border-radius: 2px;
      }
    }
    &.el-form--label-top .el-form-item__label {
      line-height: 1;
      padding: 0 0 10px 0;
    }
    .el-row .el-col {
      &:last-child {
        display: block;
        padding-right: 0px;
      }
      .add-button{
        margin: 0;
      }
    }
    &:after {
      content: '';
      clear: both;
    }
    .el-col.el-col-24 {
      min-height: 24px;
      .button-list{
        padding-bottom: 0px;
        border-radius: 2px;
        height: 32px;
      }
    }
    .marginBom {
      margin-bottom: 20px;
    }
  }
  >.button-list {
    width: 100%;
    margin-bottom: 10px;
  }
}
// 左右结构的表单搜索样式
.inline-search-pannel {
  display: flex;
  flex-wrap: wrap;
  .search-form {
    flex: 1;
    >.button-list {
      width: 100%;
    }
    .el-form-item {
      display: flex;
      .el-form-item__label {
        width: 84px;
        line-height: 1;
        align-self: center;
      }
      .el-form-item__content {
        flex: 1;
        .el-select, .el-input, .el-cascader, .el-date-editor {
          width: 100%;
        }
      }
      // .el-select, .el-input, .el-cascader, .el-date-editor {
      //   width: 100%;
      // }
    }
    &.el-form--inline .el-form-item {
      margin-right: 0;
    }
    .el-col {
      padding-right: 16px;
      margin-bottom: 0;
      &:last-child {
        .button-list {
          height: 54px;
          display: flex;
          align-items: flex-end;
          padding-bottom: 22px;
          border-radius: 2px;
          margin: 0;
          &:nth-child(1) {
            float: right;
          }
          &:nth-child(2) {
            float: left;
            margin-bottom: 16px;
          }
        }
      }
      .el-input__inner{
        border-radius: 2px;
      }
    }
    &.el-form--label-top .el-form-item__label {
      line-height: 1;
      padding: 0 0 10px 0;
    }
    .el-row .el-col {
      &:last-child {
        display: block;
        padding-right: 0px;
      }
      .add-button{
        margin: 0;
      }
    }
    &:after {
      content: '';
      clear: both;
    }
    .el-col.el-col-24 {
      min-height: 24px;
      .button-list{
        padding-bottom: 0px;
        border-radius: 2px;
        height: 32px;
      }
    }
    .marginBom {
      margin-bottom: 20px;
    }
  }
}
// 弹窗大小
.small-dialog {
  width: 374px;
}
.medium-dialog {
  width: 568px;
}
.large-dialog {
  width: 860px;
}
.x-large-dialog {
  width: 1152px;
}
.el-dialog__body {
  max-height: 600px;
  overflow: auto;
}
// 详情
.detail-pannel {
  display: flex;
  flex-direction: column;
  .group-title {
    margin-bottom: 16px;
    font-size: 20px;
  }
  .el-form {
    flex: 1;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 16px;
    .el-form-item {
      display: flex;
      font-size: 14px;
      .el-form-item__label {
        line-height: 18px;
        color: #333;
        padding-right: 4px;
      }
      .el-form-item__content {
        flex: 1;
        line-height: 18px;
        color: #666;
      }
    }
    &:last-child {
      border-bottom: 1px solid transparent;
    }
  }
}

// 全局修改placeholder
.el-input,.el-date-editor{
  input{
    &::-webkit-input-placeholder { /* WebKit, Blink, Edge */
      color:#ccc;
    }
    &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color:#ccc;
    }
    &::-moz-placeholder { /* Mozilla Firefox 19+ */
      color:#ccc;
    }
    &:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color:#ccc;
    }
  }
}

.el-image {
  margin-right: 10px;
}
